﻿@model VNWIKI_WEB.Models.DataList
@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

@section title {
    Chia sẻ hình ảnh đẹp - vnwiki.com
}

@section categoryList{
    @{foreach (var pt in Model.CatList)
      { 
        <li><a href="@Url.RouteUrl("CategoryView", new { catID = pt.ID})">@pt.Name</a>
        </li>
      } }
}

@section content{
    <div class="slider">
        <div class="border">
            <div id="makeMeScrollable">
                <a href="#">
                    <img src="images/demo/golf.jpg" alt="Demo image" id="golf" /></a>
                <img src="images/demo/river.jpg" alt="Demo image" id="river" />
                <img src="images/demo/train.jpg" alt="Demo image" id="train" />
                <img src="images/demo/leaf.jpg" alt="Demo image" id="leaf" />
                <img src="images/demo/dog.jpg" alt="Demo image" id="dog" />
            </div>
            <!-- Plugin initialization -->
            <script type="text/javascript">
                // Initialize the plugin with no custom options
                $(document).ready(function () {
                    // None of the options are set
                    $("div#makeMeScrollable").smoothDivScroll({
                        autoScrollingMode: "onStart",
                        hotSpotScrolling: true,
                        hotSpotScrollingInterval: "50",
                        visibleHotSpotBackgrounds: "always"
                    });
                });
            </script>
        </div>
    </div>
    <div class="album-list">
        @{foreach (var pt in Model.AlbumList)
          { 
            <div class="album">
                <div class="gray">
                    <div class="album-image">
                        <a href="@Url.RouteUrl("AlbumView", new { category_id = pt.CatId, album_id = pt.Id, index = "0" })"><img alt="" src="../images/@pt.Image" /></a>
                    </div>
                    <div class="album-info">
                        <span style="display: block; margin-left: 10px; margin-top: 5px; clear: both">
                            <h4>
                                @Html.RouteLink(pt.Name, "AlbumView", new { category_id = pt.CatId, album_id = pt.Id, index = "0" })<span
                                    style="font-weight: normal; color: #1C7EE9">(@pt.PhotoNum)</span></h4>
                        </span><span style="display: block; margin-left: 10px; float: left; font-size: 12px">
                            Gửi bởi: <b>@pt.UserName</b></span> <span style="display: block; margin-right: 10px;
                                float: right">
                                <img src="../images/3star.png" width="70" height="13" alt="star" />
                            </span>
                    </div>
                </div>
            </div> 
          } }
    </div>
}
